import { Component } from 'react'
import observe from '../utils/observe'
class Child1 extends Component {
    constructor(props) { // created
        super()
        console.log('组件创建', props)
    }
    // 相当于vue中的beforeMount
    componentWillMount () {
        // console.log('组件将要渲染了')
        observe.subscribe((data) => {
            console.log(data)
        })
    }
    // props 或者state的数据变化时触发的生命周期
    // shouldComponentUpdate(nextProps) {
    //     // console.log(nextProps)
    //     return false
    // }
    // componentWillReceiveProps() {

    // }
    // componentWillUpdate() { // beforeUpdate

    // }
    // componentDidUpdate() { // updated

    // }
    render() {
        // console.log('dom创建完成')
        return (<div>
            这是组件1
            {this.props.title}
        </div>)
    }
    // 相当于vue中的Mounted
    componentDidMount() {
        // console.log('组件渲染完成') // 这个时候可以操作dom
    }

    componentWillUnmount() { // 相当于vue的beforeDestory

    }
}

export default Child1